<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:atsm="http://www.atsm.vn/taglib"
	xmlns:a4j="http://richfaces.org/a4j">

	<atsm:rModelPanel rModelPanelId="#{idModalPanel}">
		<f:facet name="header">
			<h:outputText value="My Modal Panel Title" />
		</f:facet>

		<ui:remove>
			<!-- Content panel -->
		</ui:remove>

		<atsm:hForm hFormId="form_#{idModalPanel}">
			<h:graphicImage value="/img/ajax-loader.gif" />
			<h:inputText value="#{bean.text}" />
			<p>Any JSF content might be inside the panel. In case of using
				Facelets or JSF 1.2, it might be any mixed content.</p>

			<p>The RichFaces modal panel is good with &lt;a4j:include&gt; to
				create a wizard like behavior.</p>
			<p>
				The model panel is open and closed from the javascript function on <i>Richfaces</i>
				object. The following code !!hide this panel:
				<f:verbatim>&#35;</f:verbatim>
				{rich:component(#{richModalPanel})}.hide()
			</p>
			<a4j:commandButton id="cancel" value="hide" style="float:left; "
				ajaxSingle="true" action="#{bean.hideDialog(idModalPanel)}"
				immediate="true" reRender="#{idModalPanel}"
				onclick="Atsm.Mask.show();" oncomplete="Atsm.Mask.hide();" />
		</atsm:hForm>
	</atsm:rModelPanel>
</ui:composition>
